<!DOCTYPE html>
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<%@taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<%@taglib prefix="f" uri="http://www.slim3.org/functions"%>
<%@ page import="jp.co.cos.ittrick.channel.model.ChannelModel" %>
<%@ page import="jp.co.cos.ittrick.channel.model.ChapterModel" %>
<%@ page import="jp.co.cos.ittrick.channel.model.PageModel" %>
<%@ page import="jp.co.cos.ittrick.channel.model.PreModel" %>
<%@ page import="java.util.List" %>
<%
	ChannelModel channelModel = (ChannelModel)request.getAttribute("channelModel");
	ChapterModel chapterModel = (ChapterModel)request.getAttribute("chapterModel");
%>
<html lang="ja">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
	<title>「${pageModel.name }」サンプルソース「${preModel.name}（${preModel.keyString}）」-${channelModel.name }：IT TRICK</title>
	<meta name="description" content="「${pageModel.name }」サンプルソース「${preModel.name}（${preModel.keyString}）」をダウンロードできます。利用規約をご確認の上ダウンロードをしてください。" />
	<meta name="keywords" content="${pageModel.keyWordListString}" />
	<link rel="icon" type="image/gif" href="/favicon.png" >
	<link rel="alternate" type="application/rss+xml" title="RSS" href="/rss">
	<link href="/css/reset.css" rel="stylesheet" type="text/css" media="screen" />
	<link href="/css/common.css" rel="stylesheet" type="text/css" media="screen" />
	<link href="/css/page.css" rel="stylesheet" type="text/css" media="screen" />
	<link href="/css/pre.css" rel="stylesheet" type="text/css" media="screen" />
	<link href="/js/google-code-prettify/prettify.css" rel="stylesheet" type="text/css" media="screen" />
	<script src="/js/modernizr-1.1.min.js"></script>
	<script type="text/javascript" src="https://apis.google.com/js/plusone.js">
		{lang: 'ja'}
	</script>
	<script src="/js/google-code-prettify/prettify.js"></script>
</head>
<body>
<!--header-->
	<jsp:include page="/common/header.jsp" />
<!--/header-->

<!-- contents -->
	<div id="contents" class="clear">
	<!-- mainContent -->
		<div id="mainContent">

			<article>
			<!-- mainLeftContent -->
				<div id="mainLeftContent">
					<section id="mainSection">
						<header>
							<%
							PageModel pageModel = (PageModel)request.getAttribute("pageModel");
							PreModel preObj = (PreModel)request.getAttribute("preModel");
							%>
							サンプルソースをダウンロードする
							<h1>${preModel.name }</h1>
							<a href="/preDownload?pre=<%=preObj.getKeyString() %>"><img src="/images/download.png" alt="download" /></a>
						</header>

						<p>このサンプルソースの説明は
							<a href="/<%=channelModel.getKeyString() %>/c<%=chapterModel.getKeyString() %>/page<%=pageModel.getKeyString() %>.html">
								「${pageModel.name }」
							</a>
							をご覧ください。
						</p>

						<h2>免責事項</h2>
						<p>当サイトが掲載している以下のサンプルソースの正確性については何ら保証するものではありません。また利用者が当サイトが掲載している以下のサンプルソースを用いて行う一切の行為及び生じた損害についても何ら責任を負うものではありません。</p>
						<p>また、以下のサンプルソースの著作権は当サイトの運営者にあり、如何なる理由であっても、このソースの２時配布・掲載を禁止とします。</p>
						<div id="targetPre">
							${preModel.name }
							<pre class="prettyprint">${preModel.contentString}</pre>
						</div>

						<%
						List<PreModel> preModelList = pageModel.getPreModelListRef().getModelList();
						if(preModelList.size() > 1) {
						%>
						<nav id="preList" class="articleMenu">
							このソースに関連のあるソース：
							<ul>
								<%
								for(PreModel preModel: preModelList) {
									long thisPreKey = preObj.getKeyString();
									long targetPreKey = preModel.getKeyString();
									if(thisPreKey != targetPreKey) {
								%>
									<li>
										<a href="/<%=channelModel.getKeyString() %>/c<%=chapterModel.getKeyString() %>/page<%=pageModel.getKeyString() %>/pre<%=preModel.getKeyString() %>.html">
											<%=preModel.getName() %>
										</a>
								</li>
									<%} %>
								<%} %>
							</ul>
						</nav>
						<%} %>
						<footer>
							<!-- AdSense -->
							<jsp:include page="/common/adSense/text_336_280.jsp" />
							<!-- /AdSense -->
						</footer>
					</section>
				</div>
			<!-- /mainLeftContent -->

			<!-- mainRightContent -->
				<div id="mainRightContent" class="clear">
					<aside>
						<!-- socialBtnList -->
						<jsp:include page="/common/socialBtnList.jsp" />
						<!-- /socialBtnList -->

						<!-- AdSense -->
						<jsp:include page="/common/adSense/text_image_120_600.jsp" />
						<!-- /AdSense -->
					</aside>
				</div>
			<!-- /mainRightContent -->
			</article>
		</div>
	<!-- /mainContent -->

	<!-- leftContents -->
		<div id="leftContents">

			<!-- AdSense -->
			<jsp:include page="/common/adSense/image_300_250.jsp" />
			<!-- /AdSense -->

			<!-- followMe -->
			<jsp:include page="/common/followMe.jsp" />
			<!-- /followMe -->

			<section>
				<div class="infoBox">
					<header>関連のある記事</header>
					<div class="body">

						<div class="listRelArticle">
							<div class="unitRelArticle">
								<p class="ttlArticle">カテゴリ：<a href="/${channelModel.keyString}/c${chapterModel.keyString}.html">${chapterModel.name }</a></p>
							</div>

							<%
							List<PageModel> pageList = chapterModel.getPageModelListRef().getModelList();
							for(PageModel pageObj: pageList) {
							%>
							<div class="unitRelArticle">
								<%
								if(pageObj.getPublicFlg()) {
								%>
								<p class="ttlArticle">
									<a href="/<%=channelModel.getKeyString() %>/c<%=chapterModel.getKeyString() %>/page<%=pageObj.getKeyString() %>.html">
										<span class="category">【<%=pageObj.getName() %>】</span>
										<%=pageObj.getDescription() %>
									</a>
								</p>
								<%}else { %>
								<p class="ttlArticle">
									<span class="category">【<%=pageObj.getName() %>】</span>
									<%=pageObj.getDescription() %>
								</p>
								<%} %>
								<%
								if(pageObj.getPublicDate() != null) {
									String dateTime = new java.text.SimpleDateFormat( "yyyy-MM-dd", java.util.Locale.US).format(pageObj.getPublicDate());
									String dateValue = new java.text.SimpleDateFormat( "yyyy年MM月dd日", java.util.Locale.US).format(pageObj.getPublicDate());
								%>
								<p class="author">公開日：<time datetime="<%=dateTime%>"><%=dateValue%></time></p>
								<%} %>
							</div>
							<%} %>
						</div>
					</div>
				</div>
			</section>

			<!-- profile -->
			<jsp:include page="/common/profile.jsp" />
			<!-- /profile -->

		</div>
	<!-- /leftContents -->
	</div>
<!-- /contents -->

<!---footer-->
	<jsp:include page="/common/footer.jsp" />
<!--/footer-->
<script type="text/javascript">prettyPrint();</script>
<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) {return;}
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/ja_JP/all.js#xfbml=1";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
</body>
</html>
